// 基础样式集

// 最小像素
@min: 12;
// 最大像素
@max: 36;
// 单位
@unit: 0px;
// 步进值
@step: 2;

.baseClass(@i) when(@i <=@max) {
  // 字体
  .f@{i} {
    font-size: @i + @unit;
  }

  // margin
  .mt-@{i} {
    margin-top: @i + @unit;
  }

  .mb-@{i} {
    margin-bottom: @i + @unit;
  }

  .ml-@{i} {
    margin-left: @i + @unit;
  }

  .mr-@{i} {
    margin-right: @i + @unit;
  }

  // padding
  .pt-@{i} {
    padding-top: @i + @unit;
  }

  .pb-@{i} {
    padding-bottom: @i + @unit;
  }

  .pl-@{i} {
    padding-left: @i + @unit;
  }

  .pr-@{i} {
    padding-right: @i + @unit;
  }

  .baseClass((@i + @step));
}

.baseClass(@min);
